<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OUIF : Open User Interface Framework</title>
<link rel="stylesheet" type="text/css" href="com/css/framework.css"/>
<link rel="stylesheet" type="text/css" href="com/css/default.css"/>
</head>
<body>
<div id="ouif">
	<div id="container">
		<div id="header">
			<h1>Open User Interface Framework</h1>
		</div>
		<hr />
		<div id="body">
			<div id="content">
				<h2>Browser Compatibility</h2>
				<ul>
					<li>Internet Explorer <sup>6~8</sup></li>
					<li>Firefox <sup>Latest Version</sup></li>
					<li>Safari <sup>Latest Version</sup></li>
					<li>Chrome <sup>Latest Version</sup></li>
					<li>Opera <sup>Latest Version</sup></li>
				</ul>
				<h2>OUIF SVN Checkout</h2>
				<ul>
					<li><a href="http://ouif.googlecode.com/svn/trunk/">http://ouif.googlecode.com/svn/trunk/</a></li>
				</ul>
				<h2>OUIF Map</h2>
				<ol>
					<li>Default Set
						<ol>
							<li><a href="default/html.html">HTML 4.01 Transitional</a></li>
							<li><a href="default/xhtml.html">XHTML 1.0 Transitional</a></li>
							<li><a href="default/html5.html">HTML5</a> |<a href="http://html5shim.googlecode.com/svn/trunk/html5.js"> HTML5 enable script</a></li>
							<li><a href="default/default.css">CSS</a></li>
							<li><a href="http://code.jquery.com/jquery-latest.js">jQuery</a></li>
						</ol>
					</li>
					<li>CSS Selector Rules
						<ol>
							<li><a href="rule/namingGuide.html">Naming Guide</a></li>
							<li><a href="rule/logicalUsage.html">Logical  Usage</a></li>
						</ol>
					</li>
					<li>CSS Framework For Layout
						<ol>
							<li><a href="layout/index.html">XE CSS Framework For Layout</a> | <a href="layout/manual.html">Manual</a></li>
						</ol>
					</li>
					<li><a href="css3/">CSS3 References</a></li>
					<li>Icon Library
						<ol>
							<li><a href="http://p.yusukekamiyamane.com/">Fugue</a> (<a href="http://fugue-icons-src.googlecode.com/svn/trunk/all-preview.png">Preview</a>) - 2,627 icons 16x16, 24x24  (<a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>) </li>
							<li><a href="http://www.famfamfam.com/lab/icons/silk/">FAMFAMFAM</a> (<a href="http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png">Preview</a>)- 700 icons 16x16 (<a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>) </li>
							<li><a href="http://www.iconfinder.net/">Icon Finder</a> - Free Icons</li>
							<li><a href="http://findicons.com/">Find Icons</a> - Free Icons</li>
							<li><a href="http://www.iconspedia.com/">Icon Pedia</a> - Free Icons</li>
						</ol>
					</li>
					<li>User Interface Object
						<ol>
							<li>Box
								<ol>
									<li>Regular - <a href="uio/box/regular/quirks.html">quirks</a> | <a href="uio/box/regular/html.html">html</a> | <a href="uio/box/regular/xhtml.html">xhtml</a> | <a href="uio/box/regular/html5.html">html5</a></li>
								</ol>
							</li>
							<li>Button
								<ol>
									<li>Button Area -  <a href="uio/button/buttonArea/quirks.html">quirks</a> | <a href="uio/button/buttonArea/html.html">html</a> | <a href="uio/button/buttonArea/xhtml.html">xhtml</a> | <a href="uio/button/buttonArea/html5.html">html5</a></li>
									<li>Single - <a href="uio/button/single/quirks.html">quirks</a> | <a href="uio/button/single/html.html">html</a> | <a href="uio/button/single/xhtml.html">xhtml</a> | <a href="uio/button/single/html5.html">html5</a></li>
									<li>Package - <a href="uio/button/package/quirks.html">quirks</a> | <a href="uio/button/package/html.html">html</a> | <a href="uio/button/package/xhtml.html">xhtml</a> | <a href="uio/button/package/html5.html">html5</a></li>
								</ol>
							</li>
							<li>Calendar
								<ol>
									<li> jQuery Datepicker - <a href="uio/calendar/datePicker/quirks.html">quiks</a> | <a href="uio/calendar/datePicker/html.html">html</a> | <a href="uio/calendar/datePicker/xhtml.html">xhtml</a> | <a href="uio/calendar/datePicker/html5.html">html5</a></li>
								</ol>
							</li>
							<li>Editor
								<ol>
									<li>SmartEditor Basic - <a href="uio/smartEditorBasic/SEditorDemo.html">Demo</a> | <a href="uio/smartEditorBasic/SEditorSkin.html">Skin</a> | <a href="http://dev.naver.com/projects/smarteditor/download">Download</a></li>
								</ol>
							</li>
							<li>Form
								<ol>
									<li>Form Table - <a href="uio/form/table/quirks.html">quirks</a> | <a href="uio/form/table/html.html">html</a> | <a href="uio/form/table/xhtml.html">xhtml</a> | <a href="uio/form/table/html5.html">html5</a></li>
									<li>Log-in
										<ol>
											<li>Modal Windowed Login - <a href="uio/form/login/mw/quirks.html">quirks</a> | <a href="uio/form/login/mw/html.html">html</a> | <a href="uio/form/login/mw/xhtml.html">xhtml</a> | <a href="uio/form/login/mw/html5.html">html5</a>									</li>
										</ol>
									</li>
									<li>Registration - <a href="uio/form/registration/quirks.html">quirks</a> | <a href="uio/form/registration/html.html">html</a> | <a href="uio/form/registration/xhtml.html">xhtml</a> | <a href="uio/form/registration/html5.html">html5</a></li>
									<li>Search
										<ol>
											<li>Regular - <a href="uio/form/search/regular/quirks.html">quirks</a> | <a href="uio/form/search/regular/html.html">html</a> | <a href="uio/form/search/regular/xhtml.html">xhtml</a> | <a href="uio/form/search/regular/html5.html">html5</a>									</li>
										</ol>
									</li>
								</ol>
							</li>
							<li>Graph &amp; Progress &amp; Loading
								<ol>
									<li>Horizontal - <a href="uio/graph/horizontal/quirks.html">quirks</a> | <a href="uio/graph/horizontal/html.html">html</a> | <a href="uio/graph/horizontal/xhtml.html">xhtml</a> | <a href="uio/graph/horizontal/html5.html">html5</a></li>
									<li>Inline - <a href="uio/graph/inline/quirks.html">quirks</a> | <a href="uio/graph/inline/html.html">html</a> | <a href="uio/graph/inline/xhtml.html">xhtml</a> | <a href="uio/graph/inline/html5.html">html5</a></li>
									<li>Vertical - <a href="uio/graph/vertical/quirks.html">quirks</a> | <a href="uio/graph/vertical/html.html">html</a> | <a href="uio/graph/vertical/xhtml.html">xhtml</a> | <a href="uio/graph/vertical/html5.html">html5</a></li>
									<li>Loading Icon - <a href="uio/graph/icon/quirks.html">quirks</a> | <a href="uio/graph/icon/html.html">html</a> | <a href="uio/graph/icon/xhtml.html">xhtml</a> | <a href="uio/graph/icon/html5.html">html5</a></li>
									<li>Modal Windowed Loading - <a href="uio/graph/mwLoading/quirks.html">quirks</a> | <a href="uio/graph/mwLoading/html.html">html</a> | <a href="uio/graph/mwLoading/xhtml.html">xhtml</a> | <a href="uio/graph/mwLoading/html5.html">html5</a></li>
									<li>Modal Windowed Progress - <a href="uio/graph/mwProgress/quirks.html">quirks</a> | <a href="uio/graph/mwProgress/html.html">html</a> | <a href="uio/graph/mwProgress/xhtml.html">xhtml</a> | <a href="uio/graph/mwProgress/html5.html">html5</a></li>
								</ol>
							</li>
							<li>Layer
								<ol>
									<li>Modal Windowed Layer - <a href="uio/layer/mw/quirks.html">quirks</a> | <a href="uio/layer/mw/html.html">html</a> | <a href="uio/layer/mw/xhtml.html">xhtml</a> | <a href="uio/layer/mw/html5.html">html5</a></li>
								</ol>
							</li>
							<li>List
								<ol>
									<li>Text
										<ol>
											<li>UL(Unordered List)  - <a href="uio/list/text/ul/quirks.html">quirks</a> | <a href="uio/list/text/ul/html.html">html</a> | <a href="uio/list/text/ul/xhtml.html">xhtml</a> | <a href="uio/list/text/ul/html5.html">html5</a></li>
											<li>OL(Ordered List) - <a href="uio/list/text/ol/quirks.html">quirks</a> | <a href="uio/list/text/ol/html.html">html</a> | <a href="uio/list/text/ol/xhtml.html">xhtml</a> | <a href="uio/list/text/ol/html5.html">html5</a></li>
										</ol>
									</li>
									<li>Image
										<ol>
											<li>Fixed Image Col   - <a href="uio/list/image/fixedImageCol/quirks.html">quirks</a> | <a href="uio/list/image/fixedImageCol/html.html">html</a> | <a href="uio/list/image/fixedImageCol/xhtml.html">xhtml</a> | <a href="uio/list/image/fixedImageCol/html5.html">html5</a></li>
											<li>Flexible Image Col   - <a href="uio/list/image/flexibleImageCol/quirks.html">quirks</a> | <a href="uio/list/image/flexibleImageCol/html.html">html</a> | <a href="uio/list/image/flexibleImageCol/xhtml.html">xhtml</a> | <a href="uio/list/image/flexibleImageCol/html5.html">html5</a></li>
											<li>Fixed Image Row  - <a href="uio/list/image/fixedImageRow/quirks.html">quirks</a> | <a href="uio/list/image/fixedImageRow/html.html">html</a> | <a href="uio/list/image/fixedImageRow/xhtml.html">xhtml</a> | <a href="uio/list/image/fixedImageRow/html5.html">html5</a></li>
											<li>Flexible Image Row  - <a href="uio/list/image/flexibleImageRow/quirks.html">quirks</a> | <a href="uio/list/image/flexibleImageRow/html.html">html</a> | <a href="uio/list/image/flexibleImageRow/xhtml.html">xhtml</a> | <a href="uio/list/image/flexibleImageRow/html5.html">html5</a></li>
										</ol>
									</li>
									<li>FAQ - <a href="uio/list/faq/quirks.html">quirks</a> | <a href="uio/list/faq/html.html">html</a> | <a href="uio/list/faq/xhtml.html">xhtml</a> | <a href="uio/list/faq/html5.html">html5</a></li>
								</ol>
							</li>
							<li>Navigation
								<ol>
									<li>Skip Navigation - <a href="uio/navigation/skip/quirks.html">quirks</a> | <a href="uio/navigation/skip/html.html">html</a> | <a href="uio/navigation/skip/xhtml.html">xhtml</a> | <a href="uio/navigation/skip/html5.html">html5</a></li>
									<li>Horizontal
										<ol>
											<li>Bar - <a href="uio/navigation/horizontal/bar/quirks.html">quirks</a> | <a href="uio/navigation/horizontal/bar/html.html">html</a> | <a href="uio/navigation/horizontal/bar/xhtml.html">xhtml</a> | <a href="uio/navigation/horizontal/bar/html5.html">html5</a></li>
											<li>Lined Tab - <a href="uio/navigation/horizontal/linedTab/quirks.html">quirks</a> | <a href="uio/navigation/horizontal/linedTab/html.html">html</a> | <a href="uio/navigation/horizontal/linedTab/xhtml.html">xhtml</a> | <a href="uio/navigation/horizontal/linedTab/html5.html">html5</a></li>
											<li>Faced Tab - <a href="uio/navigation/horizontal/facedTab/quirks.html">quirks</a> | <a href="uio/navigation/horizontal/facedTab/html.html">html</a> | <a href="uio/navigation/horizontal/facedTab/xhtml.html">xhtml</a> | <a href="uio/navigation/horizontal/facedTab/html5.html">html5</a></li>
											<li>List Tab - <a href="uio/navigation/horizontal/listTab/quirks.html">quirks</a> | <a href="uio/navigation/horizontal/listTab/html.html">html</a> | <a href="uio/navigation/horizontal/listTab/xhtml.html">xhtml</a> | <a href="uio/navigation/horizontal/listTab/html5.html">html5</a></li>
										</ol>
									</li>
									<li>Pagination
										<ol>
											<li>Regular - <a href="uio/navigation/pagination/regular/quirks.html">quirks</a> | <a href="uio/navigation/pagination/regular/html.html">html</a> | <a href="uio/navigation/pagination/regular/xhtml.html">xhtml</a> | <a href="uio/navigation/pagination/regular/html5.html">html5</a></li>
											<li>Simple - <a href="uio/navigation/pagination/simple/quirks.html">quirks</a> | <a href="uio/navigation/pagination/simple/html.html">html</a> | <a href="uio/navigation/pagination/simple/xhtml.html">xhtml</a> | <a href="uio/navigation/pagination/simple/html5.html">html5</a></li>
											<li>Complex - <a href="uio/navigation/pagination/complex/quirks.html">quirks</a> | <a href="uio/navigation/pagination/complex/html.html">html</a> | <a href="uio/navigation/pagination/complex/xhtml.html">xhtml</a> | <a href="uio/navigation/pagination/complex/html5.html">html5</a></li>
										</ol>
									</li>
									<li>Vertical
										<ol>
											<li>Bar - <a href="uio/navigation/vertical/bar/quirks.html">quirks</a> | <a href="uio/navigation/vertical/bar/html.html">html</a> | <a href="uio/navigation/vertical/bar/xhtml.html">xhtml</a> | <a href="uio/navigation/vertical/bar/html5.html">html5</a></li>
											<li>Tree  - <a href="uio/navigation/vertical/tree/quirks.html">quirks</a> | <a href="uio/navigation/vertical/tree/html.html">html</a> | <a href="uio/navigation/vertical/tree/xhtml.html">xhtml</a> | <a href="uio/navigation/vertical/tree/html5.html">html5</a></li>
										</ol>
									</li>
								</ol>
							</li>
							<!--<li>Rotation
								<ol>
									<li>Rotation Block - <a href="uio/rotation/block/quirks.html">quirks</a> | <a href="uio/rotation/block/html.html">html</a> | <a href="uio/rotation/block/xhtml.html">xhtml</a> | <a href="uio/rotation/block/html5.html">html5</a></li>
								</ol>
							</li>-->
							<li>Select  - <a href="uio/select/quirks.html">quirks</a> | <a href="uio/select/html.html">html</a> | <a href="uio/select/xhtml.html">xhtml</a> | <a href="uio/select/html5.html">html5</a></li>
							<li>Star Rating
								<ol>
									<li>Regular - <a href="uio/starRating/regular/quirks.html">quirks</a> | <a href="uio/starRating/regular/html.html">html</a> | <a href="uio/starRating/regular/xhtml.html">xhtml</a> | <a href="uio/starRating/regular/html5.html">html5</a></li>
								</ol>
							</li>
							<li>Table
								<ol>
									<li>Multiple Header - <a href="uio/table/multipleHeader/quirks.html">quirks</a> | <a href="uio/table/multipleHeader/html.html">html</a> | <a href="uio/table/multipleHeader/xhtml.html">xhtml</a> | <a href="uio/table/multipleHeader/html5.html">html5</a></li>
								</ol>
							</li>
							<li>Tag Cloud - <a href="uio/tagCloud/quirks.html">quirks</a> | <a href="uio/tagCloud/html.html">html</a> | <a href="uio/tagCloud/xhtml.html">xhtml</a> | <a href="uio/tagCloud/html5.html">html5</a></li>
						</ol>
					</li>
				</ol>
			</div>
		</div>
		<hr />
		<div id="footer">
			<address>
			<a href="http://naradesign.net/">http://naradesign.net/</a> | dece24앳gamil.com
			| This document is  under <a href="http://creativecommons.org/licenses/by/3.0/deed.ko">Creative Commons Attribution 3.0 license</a>
			. But source code is free.
			</address>
		</div>
	</div>
</div>
</body>
</html>
